<template>
  <div>
    <el-button type="primary" @click="onIsShows" size="mini" style="float:right;margin: 20px 30px 0 0">返回</el-button>
    <div>
      <el-button type="primary" size="mini"  style="margin: 20px 0 0 30px">保存</el-button>
      <el-button type="primary" size="mini"  style="margin: 20px 0 0 10px">保存并提交</el-button>
      <el-card style="margin:20px 30px">
        <div slot="header">入库信息</div>
        <div>
          <el-row>
            <el-col :span="1" style="line-height:40px">仓库：</el-col>
            <el-col :span="2">
              <el-select v-model="value" placeholder="请选择">
                 <el-option
                   v-for="item in options"
                   :key="item.value"
                   :label="item.label"
                   :value="item.value">
                 </el-option>
              </el-select>
            </el-col>
            <el-col :span="1" style="line-height:40px;margin-left:10px">货权方：</el-col>
            <el-col :span="2">
              <el-input v-model="cargoOwner" placeholder="请输入内容"></el-input>
            </el-col>
            <el-col :span="1.4" style="line-height:40px;margin-left:10px">结算客户：</el-col>
            <el-col :span="2">
              <el-input v-model="settlementCustomer" placeholder="请输入内容"></el-input>
            </el-col>
          </el-row>
        </div>
      </el-card>
       <el-card style="margin:20px 30px">
        <div slot="header">出库车辆信息</div>
        <div>
            <el-table
              :data="tableInfo"
              style="width: 100%">
              <el-table-column
                v-for="item in tableData.cloumns"
                :key="item.prop"
                :prop="item.prop"
                :label="item.label">
              </el-table-column>
              <el-table-column label="操作">
                <el-button type="primary">新增货物信息</el-button>
                <el-button type="primary">删除</el-button>
              </el-table-column>
            </el-table>
        </div>
      </el-card>
      <el-card style="margin:20px 30px">
        <div slot="header">货物信息</div>
        <div>
            <el-table
              :data="tableData.tableList.list"
              style="width: 100%">
              <el-table-column
                v-for="item in tableData.goodsCloumns"
                :key="item.prop"
                :prop="item.prop"
                :label="item.label">
              </el-table-column>
              <el-table-column label="操作">
                <el-button type="primary">删除</el-button>
              </el-table-column>
            </el-table>
        </div>
      </el-card>
    </div>
  </div>
</template>

<script>
export default {
data() {
  return {
    tableData:{
        tableInfo:[],
        cloumns:[{
          prop: "billOfLandingNo",
          label: "提货车号",
          width: "billOfLandingNo"
        },{
          prop: "containerNum",
          label: "提货司机",
          width: "width"
        },{
          prop: "shipName",
          label: "司机联系方式",
          width: "width"
        },{
          prop: "remark",
          label: "备注",
          width: "width"
        },],
        goodsCloumns:[{
          prop: "orderWeight",
          label: "箱号",
          width: "width"
        },{
          prop: "matTypCode",
          label: "品类",
          width: "billOfLandingNo"
        },{
          prop: "matName",
          label: "品名",
          width: "width"
        },{
          prop: "county",
          label: "国别",
          width: "width"
        },{
          prop: "factoryCode",
          label: "厂号",
          width: "width"
        },{
          prop: "packName",
          label: "产品状态",
          width: "width"
        },{
          prop: "packFormat",
          label: "入库日期",
          width: "width"
        },{
          prop: "orderQty",
          label: "出库件数",
          width: "width"
        }],
       tableList:{
       cargoOwner: "100000", //货权方
       settlementCustomer: "100000", //结算客户
       carNo: "鲁B10001", //提货车号
       driver: "张三", //司机
       tel: "11111", //电话号码
       remark: "", //备注
       status: "0", //状态
       reason: "", //驳回原因
       ccisOutStockApplyGoodsDTOList: [
       {
       ccisOutStockApplyId: "1", //冷链平台出库申请id
       containerNum: "11111", //箱号
       matTypeCode: "1001", //品类
       matCode: "20220107037", //品名
       county: "zh", //国别
       factoryCode: "1", //厂号
       productStatus: "1", //产品状态
       inStockDate: "2022-08-18 13:58:21.000000", //入库时间
       orderQty: "1", //出库数量
       isScanSn: "0", //是否抄码
       codeQty: "" //抄码数量
       }
       ]
       }
           },
           options: [{
           value: '选项1',
           label: '黄金糕'
         }, {
           value: '选项2',
           label: '双皮奶'
         }, {
           value: '选项3',
           label: '蚵仔煎'
         }, {
           value: '选项4',
           label: '龙须面'
         }, {
           value: '选项5',
           label: '北京烤鸭'
         }],
  value: '',
  }
},
methods: {
  onIsShows(){
    this.$emit('onIsShow');
  }
},
}
</script>

<style>

</style>